//sidebar
//sidebar
$menuBg:#304156;
$subMenuBg:#1f2d3d;
$menuHover:#001528;

$menuText: #f8f8f8;
$menuActiveText: #32c5ff;
$mainText: #f8f8f8;
$secondText: #858789;
$subMenuActiveText: #f8f8f8; //https://github.com/ElemeFE/element/issues/12951

$menuActiveBg: linear-gradient(
	-90deg,
	rgba(53, 105, 215, 1) 0%,
	rgba(25, 49, 88, 1) 100%
);

$subMenuHover: darken($subMenuBg, 5%);

$success_color: #1b8fff;
$failure_color: #409dff;
$white: #fafbfd;
$key_color: #1b8fff;

$topbarColor: #f7f7f7;
$topbarBg: #3569d7;

$sideBarWidth: 234px;
$topbarHeight: 64px;
$navbarHeight: 36px;

$btn1_bg: #409dff;
$btn1_bg_dark: #409dff;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
	menuText: $menuText;
	menuActiveText: $menuActiveText;
	subMenuActiveText: $subMenuActiveText;
	menuBg: $menuBg;
	menuHover: $menuHover;
	subMenuBg: $subMenuBg;
	subMenuHover: $subMenuHover;
	sideBarWidth: $sideBarWidth;
	topbarHeight: $topbarHeight;
	topbarBg: $topbarBg;
	navbarHeight: $navbarHeight;
}
